<!-- BEGIN PAGE HEADER-->
<h3 class="page-title">
    游戏名称编辑
    <small></small>
</h3>
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="fa fa-home"></i>
            <a href="index.html">Home</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#">APP参数管理</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#">游戏名称编辑</a>
        </li>
    </ul>
</div>
<!-- END PAGE HEADER-->
<!-- BEGIN PAGE CONTENT-->
<div class="row">
    <div class="col-md-12">
        <form class="form-horizontal form-row-seperated" action="#" enctype="multipart/form-data" method="post">
            <div class="portlet">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-shopping-cart"></i>游戏名称编辑
                    </div>
                    <div class="actions btn-set">
                        <button type="button" id="back" class="btn default">
                            <i class="fa fa-angle-left"></i> 返回
                        </button>
                        <button class="btn default">
                            <i class="fa fa-reply"></i> 重置
                        </button>
                        <button type="submit" class="btn green">
                            <i class="fa fa-check"></i> 保存
                        </button>
                        <!--<button class="btn green"><i class="fa fa-check-circle"></i> 保存 & 继续编辑</button>-->
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="tabbable">

                        <div class="tab-content no-space">
                            <div class="tab-pane active" id="tab_general">
                                <div class="form-body">
                                    <div class="form-group">
                                        <label class="col-md-2 control-label">
                                            选择文件: <span class="required">* </span>
                                        </label>
                                        <div class="col-md-10">
                                            <div id="container">
                                                <a class="btn btn-default btn-lg " id="pickfiles" href="#" >
                                                    <i class="glyphicon glyphicon-plus"></i>
                                                    <span>选择文件</span>
                                                </a>
                                                <input type="hidden" id="uptoken" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- END PAGE CONTENT-->
<script type="text/javascript" charset="utf-8" src="/plugins/editor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/plugins/editor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="/plugins/editor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" charset="utf-8" src="/plugins/plupload/js/plupload.full.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/plugins/qiniu.js"></script>
<script>
    $(document).ready(function() {
        $.ajax({
//            url:'http://api.gaoqiapp.com/wx/image/token',
            url : 'http://local.demo.com/qiniu/token.php',
            type : "GET",
            dataType : "jsonp",
            jsonp : "callback",
            error   : function(data){
                alert(data);
            },
            success : function(jsonData){
                $('#uptoken').value = jsonData.uptoken;
            }
        });
//        var editor = UE.getEditor('editor',{'toolbars':[['link','unlink','bold','forecolor']],'autoHeightEnabled':false});
//        var editor = UE.getEditor('editor',{
//            'autoHeightEnabled':false,
//        });
//        var textarea = document.getElementById('content');
//        editor.ready(function(){
//            editor.setContent(textarea.value);
//        });
//        editor.addListener("contentChange",function(){
//            textarea.value = editor.getContent();
//        });
        //引入Plupload 、qiniu.js后
        var uploader = Qiniu.uploader({
            runtimes: 'html5,flash,html4',    //上传模式,依次退化
            browse_button: 'pickfiles',       //上传选择的点选按钮，**必需**
//            uptoken_url: '',  //Ajax请求upToken的Url，**强烈建议设置**（服务端提供）
             uptoken : $('uptoken').val(), //若未指定uptoken_url,则必须指定 uptoken ,uptoken由其他程序生成
            // unique_names: true, // 默认 false，key为文件名。若开启该选项，SDK为自动生成上传成功后的key（文件名）。
            // save_key: true,   // 默认 false。若在服务端生成uptoken的上传策略中指定了 `sava_key`，则开启，SDK会忽略对key的处理
            domain: 'http://7xqoks.com1.z0.glb.clouddn.com',   //bucket 域名，下载资源时用到，**必需**
            get_new_uptoken: false,  //设置上传文件的时候是否每次都重新获取新的token
            container: 'container',           //上传区域DOM ID，默认是browser_button的父元素，
            max_file_size: '100mb',           //最大文件体积限制
            flash_swf_url: '/plugins/plupload/Moxie.swf',  //引入flash,相对路径
            max_retries: 3,                   //上传失败最大重试次数
            dragdrop: true,                   //开启可拖曳上传
            drop_element: 'container',        //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
            chunk_size: '4mb',                //分块上传时，每片的体积
            auto_start: true,                 //选择文件后自动上传，若关闭需要自己绑定事件触发上传
            init: {
                'FilesAdded': function(up, files) {
                    plupload.each(files, function(file) {
                        // 文件添加进队列后,处理相关的事情
                    });
                },
                'BeforeUpload': function(up, file) {
                    // 每个文件上传前,处理相关的事情
                },
                'UploadProgress': function(up, file) {
                    // 每个文件上传时,处理相关的事情
                },
                'FileUploaded': function(up, file, info) {
                    // 每个文件上传成功后,处理相关的事情
                    // 其中 info 是文件上传成功后，服务端返回的json，形式如
                    // {
                    //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                    //    "key": "gogopher.jpg"
                    //  }
                    // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html

                    // var domain = up.getOption('domain');
                     var res = parseJSON(info);
                     //var sourceLink = domain + res.key; //获取上传成功后的文件的Url
                    alert(res.key);
                },
                'Error': function(up, err, errTip) {
                    //上传出错时,处理相关的事情
                },
                'UploadComplete': function() {
                    //队列文件处理完毕后,处理相关的事情
                },
                'Key': function(up, file) {
                    // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
                    // 该配置必须要在 unique_names: false , save_key: false 时才生效

                    var key = "";
                    // do something with key here
                    return key
                }
            }
        });
    })
</script>
